/* 主题色 */
@primary: #309BFF; 
@primary-light: #D6EBFF;
@success: #0BBD64;
@success-light: #CEF2E0;
@info: #00B383;
@warning: #F09337;
@warning-light: #FCEAD8;
@danger: #FF7276;
@danger-light: #FFE2E3;
@dark: #222222;
@light: #F2F2F2;
/* dark模式 */
@dark-primary: #309BFF;

/* 渐变
 * 默认linear 省略linear
 * @color-radial-gradient
 * @color-conic-gradient */
@green-gradient: linear-gradient(#00B8D4, #1DE9B6);

/* 颜色
 * 颜色色系 如果同色系颜色多又不易命名，可以采用bootstrap的方式 @color-grade grade范围100-900 越大色值越深   
 参考 https://getbootstrap.com/docs/5.2/customize/color/ */
@blue: #309BFF;
@blue-hover: #5AAFFF;
@blue-active: #2384EB;
@blue-disabled: #383D48;
@error:#FA6D55;
@error-light:#FF2C0D;
@orange: #F09337;
@orange-hover: #F3A95F; 
@orange-active: #DB7E21;
@orange-disabled: #F6BE87;
@orange-100: #fff0e4;
@black: #222222;
@black-900: #000000;
@black-200: #444444;
@black-secondary: #757575;
@black-disabled: #BDBDBD;
@black-background:#EDEDED;
@white: #FFFFFF;
@white-100:#f9fafc;
@white-200:#fcfcfc;
@grey: #E0E0E0;
@grey-200: #ededed;;
@grey-100: #ecf3ff;
@grey-light: #F2F2F2;
@color-light-gray: #f6fafe;
@purple: #876ffe;
@purple-100: #E3DDFF;
@green: #00a147;
@green-100: #A7E9A7;
@grey-deep: #2c3e50;
@color-red:#ef6e41;
// 绿色
@color-green:#44c66f;
/* 字体 */
@font-family: "Microsoft YaHei", "\u5b8b\u4f53", arial, helvetica, sans-serif, tahoma;
// 常规大小
@font-normal: 14px;
// 小字体
@font-small: 12px;
// 页面标题 分类名称等
@font-large: 16px;
// 大标题
@font-xlarge: 20px;
// 特大标题
@font-xxlarge: 24px;

/* 行高 */
@line-h-input: 24px;
// 字体14px 对应行高
@line-h-normal: 26px;
// 字体12px 对应行高
@line-h-small: 22px;
// 字体16px 对应行高
@line-h-large: 30px;
// 字体20px 对应行高
@line-h-xlarge: 38px;
// 字体24px 对应行高
@line-h-xxlarge: 46px;

// UI定义的32px、34px、40px的高度
@line-h-20: 20px;
@line-h-32: 32px;

@line-h-34: 34px;

@line-h-36: 36px;

@line-h-40: 40px;
